@import '../../../style/default.scss';

:host {
  .ad-cell-container {
    > span {
      //文本样式
      white-space: nowrap;
      &:not(:last-child) {
        margin-right: 8px;
      }

      &:not([class*='-tag']) {
        font-size: 14px;
        line-height: 1.15;
        color: rgba(0, 0, 0, 0.87);
      }

      //无数据占位符
      &.cell-placeholder {
        width: 16px;
        height: 2px;
        background: rgba(0, 0, 0, 0.25);
      }

      //文本溢出隐藏 排除字体图标
      &:not([class*='ti'], .iconfont, .fa, [class*='-tag'], [nz-icon]) {
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      //图标样式 图标指针更换为小手
      &[class*=' ti-'],
      &[class^='ti-'],
      &.iconfont,
      &[nz-icon],
      &.fa {
        font-size: 16px;
        color: #333;
        cursor: pointer;
      }

      //主要色
      &.primary {
        color: $color-primary;
        cursor: pointer;
      }

      //红色
      &.danger {
        color: $color-error;
        cursor: pointer;
      }

      //视图图标 默认指针
      &.default-cursor {
        cursor: default;
      }

      //字体大小设置 通过类名 .px-${size}控制文字大小 size最大40  最小10   例： .px-10  .px-20 .px-30 .px-40
      @for $i from 10 through 40 {
        &.px-#{$i} {
          font-size: #{$i}px;
        }
      }
    }

    //图片样式
    > img {
      width: 16px;
      cursor: pointer;
      &:not(:last-child) {
        margin-right: 8px;
      }

      //视图图标 默认指针
      &.default-cursor {
        cursor: default;
      }

      //图标大小控制  通过类名 .px-${size}控制大小 size最大40  最小10   例： .px-10  .px-20 .px-30 .px-40
      @for $i from 10 through 40 {
        &.px-#{$i} {
          width: #{$i}px;
        }
      }
    }
  }
}

::ng-deep .cell-template-popover-overlay {
  .ant-popover-title,
  .ant-popover-inner-content {
    white-space: pre-wrap;
    line-height: 30px;
    letter-spacing: 0.5px;
  }
}
